<template>
    <div id="container" style="width: 100%;min-height: 200px;flex: 1;height: 100%;z-index: 0;"></div>
</template>
<script setup>
import {ref, onMounted} from 'vue' // vue相关方法
onMounted(() => {
    initMap();
})
function initMap() {
    var map = null;
    var T = window.T;
    map = new T.Map("container");
    map.setMapType(window.TMAP_SATELLITE_MAP);
    map.centerAndZoom(new T.LngLat(112, 36), 7);
    //创建比例尺控件对象
    var scale = new T.Control.Scale();
    //添加比例尺控件
    map.addControl(scale);
    //创建缩放平移控件对象
    var control = new T.Control.Zoom();
    //添加缩放平移控件
    map.addControl(control);
    //创建对象
    var ctrl = new T.Control.MapType();
    //添加控件
    map.addControl(ctrl);
}
</script>
<style scoped>
</style>
